﻿<%@ Page Title="" Language="C#" MasterPageFile="~/forumMaster.Master" AutoEventWireup="true" CodeBehind="forumWelcome.aspx.cs" Inherits="forum.forumWelcome" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">




  <script type="text/javascript">

    </script>
       <style type="text/css">
       .lnkToSubForum:hover
       {
           
           text-decoration: underline;
       }
       
       .lnkToSubForum
       {
           
          color:Blue;
          text-decoration:none;
       }
       
       .subForumElement
       {
           margin-top: 7px;
       }
       
       .numOfMessages
       {
           font-size:13px;
       }
       

       
    </style>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div runat="server">
    <div id="welcome">
       <h2> welcome to the forum</h2>
    </div>

    <div id="choose">
        <h3 style="color:red;">please choose a sub forum</h3>
    </div>
   
    <div class="divSubForumList">
            <asp:ListView ID="lvSubForumList" runat="server"  OnItemDataBound="lvSubForumList_ItemDataBound">
                <EmptyDataTemplate>
                    <span>Sub forum list is empty</span>
                </EmptyDataTemplate>
                <ItemTemplate>
                    
                    <li>
                        <div class="subForumElement">
                            <a class="lnkToSubForum" href="SubForum.aspx?SubForumId=<%# Eval("SubForumId") %>"><%# Eval("subForumTopic")%></a>
                            <asp:Label ID="lblNumOfMessages" ToolTip="Number of messages" class="numOfMessages" runat="server" Text=""></asp:Label>
                        </div>
                    </li>
                </ItemTemplate>
                <LayoutTemplate>
                    <ul>
                        <asp:PlaceHolder ID="itemPlaceholder" runat="server" />
                    </ul>
                </LayoutTemplate>
            </asp:ListView>
        </div>



    </div>
</asp:Content>
